*{
    margin:0px;
    padding:0px;
}
.search-bar-container{
    width:100%;
    height:100vh;
    /* background-color: aquamarine; */
    display: inline-flex;
    justify-content: center;
    /* align-items: center; */
}
.search-bar-wrapper{
    width:600px;
    height:400px;
    margin-top:100px;
    /* border:1px solid lightcoral; */
}
.logo{
    width:100%;
    height:90px;
    /* background-color: lightsalmon; */
}
.search-input{
    width:100%;
    /* height:50px; */
    /* background-color: brown; */
    display:inline-flex;
    justify-content: center;
    align-items: center;
}    
.search-text{
    width:450px;
    height:35px;
    border:1px solid gray;
    border-bottom-left-radius:10px;                                                                                                                                                   
    border-top-left-radius:10px;
    /* border:0; */ 
    outline:none;
}
.search-text:focus{
    border:1.6px solid blue;
    border-bottom-left-radius:0px;                                                                                                                                                   
    border-bottom-right-radius:0px;
    border-bottom:1px solid gray;
}
.search-button{
    outline:none;
    border:none;
    width:100px;
    height:37px;
    background-color: blue;
    color:white;
    font-size:18px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
}
.search-content{
    width:100%;
    height:230px;
    margin-left:23.5px;
}
.search-bar-history-container{ 
    width:450px;
    height:230px;
    border:1.6px solid blue;
    border-bottom:1.6px solid blue;
    border-left:1.6px solid blue;
    border-right:1.6px solid blue;
    border-top:0px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    display:block;
}
.search-bar-history-container-hidder{
    width:450px;
    height:230px;
    border-bottom:1.6px solid blue;
    border-left:1.6px solid blue;
    border-right:1.6px solid blue;
    border-top:0px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    display:none;
}
.search-history-hover{
    color:blue;
}
.search-history{
    color:black;
}